<%@include file="init.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.jsp" %>
    </head>
    <body>
        <div id="page">
            <%@include file="menu.jsp" %>

            <div id="main-content">
                <h3>apuestas actuales</h3>
                <table id="tabla_apuestas" class="tablaGris">
                    <tr>
                        <th>Boxeador</th>
                        <th>Cantidad</th>
                        <th>Estadio</th>
                        <th>Fecha</th>
                        <th>Cuota</th>
                        <th>Ver resultado</th>
                    </tr>
                    <logic:notEmpty name="ApuestaForm" property="listadoApuestas">
                        <logic:iterate name="ApuestaForm" property="listadoApuestas" id="apuesta">
                            <tr>
                                <td>
                                    <bean:write name="apuesta" property="nombreBoxeador"/>
                                </td>
                                <td>
                                    <bean:write name="apuesta" property="cantidad"/>
                                </td>
                                <td>
                                    <bean:write name="apuesta" property="nombreEstadio"/>
                                </td>
                                <td>
                                    <bean:write name="apuesta" property="fecha"/>
                                </td>
                                <td>
                                    <bean:write name="apuesta" property="cuota"/>
                                </td>
                                <td>
                                    <logic:equal name="apuesta" property="finalizado" value="true">
                                        <html:link action="VerResultados.do?idApuesta=${apuesta.idApuesta}" >
                                            <html:img src="images/lupa.gif" alt="ver" style="margin-left:15px;width:30px;" />
                                        </html:link>
                                    </logic:equal>
                                    <logic:equal name="apuesta" property="finalizado" value="false">
                                        <html:img src="images/lupa2.gif" alt="ver" style="margin-left:15px;width:30px;" />
                                    </logic:equal>
                                </td>
                            </tr>
                        </logic:iterate>
                    </logic:notEmpty>
                </table>     

                <hr>
                <h3>Apuestas proximos combates</h3>
                <table id="tabla_combates" class="tablaGris">
                    <tr>
                        <th>Boxeador 1</th>
                        <th>Boxeador 2</th>
                        <th>Estadio</th>
                        <th>Fecha</th>
                        <th>Apostar</th>
                    </tr>
                    <logic:notEmpty name="ApuestaForm" property="listadoCombates">
                        <logic:iterate name="ApuestaForm" property="listadoCombates" id="combate">
                            <tr>
                                <td>
                                    <bean:write name="combate" property="nombreBoxeador1"/>
                                </td>
                                <td>
                                    <bean:write name="combate" property="nombreBoxeador2"/>
                                </td>
                                <td>
                                    <bean:write name="combate" property="estadio"/>
                                </td>
                                <td>
                                    <bean:write name="combate" property="fecha"/>
                                </td>
                                <td>
                                    <html:link action="Apostar.do?idCombate=${combate.idCombate}" >
                                        <html:img src="images/carrito.jpg" alt="comprar" style="margin-left:15px;width:30px;" />
                                    </html:link>
                                </td>
                            </tr>
                        </logic:iterate>
                    </logic:notEmpty>
                </table> 
            </div>
        </div>

    </body>
</html>
